Saltar al contenido principal
Version: Current

Setting group - Header settings - Basic

The core theme settings are essential for defining the overall look and feel of your shop. These settings are applied globally but can be customized at the section or block level for more detailed control. They include options for text alignment, icons, captions, headings, and buttons, allowing you to create a cohesive and visually appealing design.

The Header settings - Basic group provides structure to your page, offering customization options for text alignment, icon usage, and heading styles. You can adjust text alignment to suit your design preferences, use icons to enhance navigation, and select appropriate heading levels for content hierarchy and SEO optimization.

Button settings allow you to define button text and URLs, create call-to-action elements, and choose from various button styles to maintain visual consistency. You might consider using center alignment for headings, adding icons for better navigation, and including captions under images for additional context. These settings help create a user-friendly theme design, enhancing both aesthetics and functionality.

Overview​

The settings outlined here are part of the core theme settings, organized into setting groups. These settings control the overall look and feel of the shop and are applied globally across the site. They can be overridden at the section or block level to allow for more granular customization. These settings are crucial for defining the visual and functional aspects of the theme, ensuring a cohesive and customizable user experience.

Key components and functionality​

Header settings - Basic​

This setting group introduces the section and provides structure to your page. It includes various options to customize the alignment, icons, captions, and headings, enhancing the overall presentation and functionality of your theme.

Text alignment​

This setting allows you to control the alignment of text within various components of the theme. Options typically include left, center, and right alignment, enabling you to tailor the presentation of text to suit your design preferences.

Icon​

The icon setting provides the ability to include and customize icons within the theme. Icons can be used to enhance navigation, highlight features, or add visual interest to the design. This setting may include options for selecting different icon styles or positions.

Caption​

The caption setting allows you to add descriptive text to accompany images or other media elements. This can be useful for providing context or additional information to users, enhancing the overall content presentation.

Heading​

The heading setting is used to define the main titles or headings within the theme. This setting typically includes options for selecting different heading levels (e.g., H1, H2, H3) to ensure proper hierarchy and SEO optimization.

Heading type​

This setting allows you to choose the type of heading to be used, with options ranging from paragraph to various heading levels (H1 to H6). The default value is H2, which is commonly used for subheadings or section titles.

Subheading​

The subheading setting provides an additional layer of text hierarchy, allowing you to include secondary titles or descriptions beneath main headings. This can help organize content and improve readability.

Button text and URL​

These settings enable you to define the text displayed on buttons and the URLs they link to. This is essential for creating call-to-action elements that guide users to specific pages or actions.

This checkbox setting allows you to specify whether links should open in a new browser tab. The default value is false, meaning links will open in the same tab unless this option is selected.

Button style​

The button style setting offers various design options for buttons, such as primary, secondary, extra large, plain, small, and small secondary. These styles help maintain visual consistency and highlight important actions.

Usage examples​

  1. Text alignment: You might consider using center alignment for headings to create a balanced and visually appealing layout, especially on landing pages or key sections.

  2. Icon customization: Consider adding a shopping cart icon next to the cart button to make it easily recognizable and enhance user navigation.

  3. Caption usage: Including captions under product images can provide additional details, such as product names or prices, improving the shopping experience.

  4. Heading and subheading: Using H1 for the main page title and H2 for section titles can ensure a clear content hierarchy and improve SEO.

  5. Button configuration: Setting the button text to "Buy Now" and linking it to the checkout page, using the primary button style, can emphasize the call to action.

These examples demonstrate how the settings can be applied to create a cohesive and user-friendly theme design, enhancing both aesthetics and functionality.